<!--
 * @Description: 第十八章（异步组件&代码分包&suspense）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-16 12:17:59
-->
<template>
  <div>
    <p>第十八章（异步组件&代码分包&suspense）</p>
    <div>
      <Suspense>
        <template #default>
          <SyncVue></SyncVue>
        </template>
        <template #fallback>
          <skeleton></skeleton>
        </template>
      </Suspense>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive, defineAsyncComponent } from 'vue'
import skeleton from '@/components/18th/skeleton.vue'
const SyncVue = defineAsyncComponent(() => import('@/components/18th/sync.vue'))
</script>
<style scoped></style>
